<template>
  <div class="main_container" style="bottom:0;margin:0px;height:100%;background-color:rgba(217,203,184,0.27)" >
<!--    <h1 style="background-position: center">主页</h1>-->
    <el-row :gutter="0" >
      <el-col :sm="24" :md="13" style="transition:all .5s ease-out;margin-bottom:30px;">
        <sg-baikelist></sg-baikelist>
        <!--        <sg-articlelist></sg-articlelist>-->
      </el-col>
      <el-col :sm="8"  :md="6" >
        <sg-rightlist></sg-rightlist>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import rightList from "@/components/common/RightList";
import baikeList from "@/components/common/BaikeList";
import BaikeList from "@/components/common/BaikeList";

export default {
  name: "MainPage",
  components: {
    BaikeList, //定义组件
    'sg-baikelist':baikeList,
    'sg-rightlist':rightList,
  },
}
</script>

<style>
.main_container{
  left: 0;
  top: 0px;
  bottom: 0px;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
</style>